<template>
  <div class="hm-views">
    <router-view></router-view>
    <div class="navs">
      <div class="zan">
        <router-link to="/home/views/recommend">推荐</router-link>
        <router-link to="/home/views/thumbsup">最新</router-link>
      </div>
      <img src="../assets/logo.dbd40807.png" alt="" />
    </div>
    <hr />
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.navs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 10px;
  height: 40px;
  background-color: white;
  .zan {
    display: flex;
    width: 100px;
    justify-content: space-between;
  }
  a {
    color: gray;
  }
  .active {
    color: black;
    border-bottom: 1px solid black;
  }
  img {
    height: 40px;
    padding-right: 10px;
  }
}
</style>
